:root {
  --unread-marker-background-color: var(--color-blue-205-100-50);
  --unread-marker-border-color: var(--color-blue-205-100-45);
  --unread-marker-box-shadow: var(--color-grey-225-10-85);
}

:local(.UnreadMarker) {
  svg {
    display: inline-block;

    width: 8px;
    height: 8px;

    vertical-align: super;

    fill: var(--unread-marker-background-color);

    border: 1px solid var(--unread-marker-border-color);
    border-radius: 50%;

    margin-left: 1px;
  }
}
